<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Image</title>
	<style type="text/css" rel="stylesheet">
	*{padding:0;margin:0;}
	body {font-size:12px;margin: 0px;background-color:#F0F0EE;overflow: auto;}
	td.left1 {font-size:12px;width: 50px;padding: 2px;}
	td.right1 {font-size:12px;padding: 2px;}
	td.left2 {font-size:12px;width: 65px;padding: 2px;}
	td.right2 {font-size:12px;padding: 2px;}
	</style>
  <script type="text/javascript">
	var old = 1;
    function changeType(str) {
		document.getElementById('t_'+old).style.display = 'none';
		document.getElementById('t_'+str).style.display = 'block';
		var blockHeight = ( str == 1 || str == 2 ) ? '60px' : '260px';
		document.getElementById('block_1').style.height = blockHeight;
		var w, h;
		if( str == 1 || str == 2 ){w=410;h=225;}
		else if( str == 3 ){w=560;h=425;}
		parent.sceditor( w, h );
		document.getElementById("type").value=str;
		old = str;
    }
	function picture(str){document.getElementById("picture").value=str;}
  </script>
</head>
<body>
  <form name="uploadForm" method="post" enctype="multipart/form-data" action="../../editor.php?m=uploads&a=images">

	<input type='hidden' id='type' value='1'>
	<div style='height:20px;'>
		<input type='button' value='图片上传' onclick='return changeType(1);'>
		<input type='button' value='远程图片' onclick='return changeType(2);'>
		<input type='button' value='图片库' onclick='return changeType(3);'>
	</div>
	<hr>
    <input type="hidden" id="editorId" name="id" value="" />
	<table border="0" cellpadding="0" cellspacing="0">
		<tbody>
		<tr style="height:60px;" id='block_1'>
			<td align="center" valign="middle">
				<div id='t_1'>本地: <input type="file" id="imgFile" name="file" size='33' /></div>
				<div id='t_2' style='display:none;'>远程: <input type="text" id="url" name="url" value="http://" maxlength="255" size='42'/></div>
				<div id='t_3' style='display:none;'>
					<input type="hidden" id="picture" name="picture" />
					<iframe id='main' name="main" style="overflow: visible;" scrolling="yes" frameborder="0" width='560px' height="260px" src="../../editor.php?m=list&a=images"></iframe>
				</div>
			</td>
		</tr>
		<tr valign='top'>
			<td>
				<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td class="left2">图片名称： </td>
					<td class="right2">
						<input type="text" id="file_save_name" name="file_save_name" value="" maxlength="100" style="width:220px;" onkeyup="value=value.replace(/[^A-Za-z0-9_-]/g,'')" /> 
					</td>
				</tr>
				<tr>
				<td class="left2">图片位置： </td>
					<td class="right2">
						<select id="imgAlign" name="imgAlign" style="width:220px;"> 
							<option value="">图片位置</option> 
							<option value="middle">居中</option> 
							<option value="left">居左图文环绕</option> 
							<option value="right">居右图文环绕</option> 
							<option value="baseline">基线对其</option> 
							<option value="top">居上</option> 
							<option value="bottom">居下</option> 
							<option value="texttop">文字上方</option> 
							<option value="absmiddle">绝对居中</option> 
							<option value="absbottom">绝对居下</option> 
						</select> 
					</td>
				</tr>
				<tr>
					<td class="left2">图片描述： </td>
					<td class="right2">
						<input type="text" id="imgTitle" name="imgTitle" value="" maxlength="100" style="width:220px;" /> 
					</td>
				</tr>
				<tr>
					<td class="left2">图片设置：</td>
					<td class="right2">
						宽度 : <input type="text" name="imgWidth" id="imgWidth" value="0" maxlength="4" style="width:40px;" />&nbsp;&nbsp;
						高度 : <input type="text" name="imgHeight" id="imgHeight" value="0" maxlength="4" style="width:40px;" />&nbsp;&nbsp;
						边框 : <input type="text" name="imgBorder" id="imgBorder" value="0" maxlength="1" style="width:40px;" />
					</td>
				</tr>
				<tr>
					<td class="left2">图片工具：</td>
					<td class="right2">
						水印 : <input type="checkbox" name="watermark" value="1" checked />&nbsp;&nbsp;&nbsp;&nbsp;
						缩略图 : <input type="checkbox" name="thumb" value="1" />
					</td>
				</tr>
				</table>
			</td>
		</tr>
		</tbody>
	</table>

  </form>
</body>
</html>
